<div class="header-wrap">
    <div class="header fn-clear">
        <h1 class="header-logo fn-left">
            <a href="http://www.chuapp.com/" title="触乐">
                <img src="http://img.chuapp.com/wp-content/themes/chuapp/images/logo.png" alt="logo"/>
            </a>
        </h1>
        <ul class="nav fn-left">
            <li class="li06"><a class="hover" href="http://www.chuapp.com/" title="触乐">首页</a></li>
            <li class="li01"><a href="http://www.chuapp.com/category/daily" title="触乐-每日聚焦">每日聚焦</a></li>
            <li class="li02"><a href="http://www.chuapp.com/category/pcz" title="触乐-最好玩">最好玩</a></li>
            <li class="li03"><a href="http://www.chuapp.com/category/news" title="触乐-新鲜事">新鲜事</a></li>
            <li class="li04"><a href="http://www.chuapp.com/category/sd" title="触乐-触视点">触视点</a></li>
            <li class="li05"><a href="http://www.chuapp.com/category/zsyx" title="触乐-动态资讯">动态资讯</a></li>
        </ul>
        <div class="header-contribute-index fn-right">
            <a class="fn-left" href="http://www.chuapp.com/contribute-index" target="_blank" title="在线投稿">在线投稿</a>
        </div>
        <div class="header-contribute-index fn-right">
            <a class="fn-left" href="http://baodao.chuapp.com/request/guest/" target="_blank" title="寻求报道">寻求报道</a>
        </div>
        <div class="header-search fn-right">
            <form action="http://www.chuapp.com" class="searchform" id="searchform" method="get" role="search">
                <div>
                    <label for="s" class="screen-reader-text">搜索：</label>
                    <input id="s" name="s" placeholder="点这里搜索" type="text">
                    <input value="搜索" id="searchsubmit" type="submit">
                </div>
            </form>
            <form action="/index.php" id="searchform" method="get"></form>
        </div>
    </div>
    <script type="text/javascript">
        $(function() {
            $(window).bind("scroll", function() {
                var scrolltop = $(window).scrollTop();
                if (scrolltop > 40) {
                    $('.header-wrap').addClass('top_float');
                } else if (scrolltop < 40){
                    $('.header-wrap').removeClass('top_float');
                }
            });
        })
    </script>
</div>